@import 'common';
.register{
    margin: 0 auto;
    width: 654px;
    .title{
        position: relative;
        margin: 52px auto 0;
        width: 136px;
        height: 28px;
        h3{
            margin: 0 auto;
            width: 84px;
            height: 14px;
            font-size: 14px;
            text-align: center;
        }
        span{
            display: block;
            width: 136px;
            height: 12px;
            font-size: 12px;
        }
    }
    .title::before,
    .title::after{
        position: absolute;
        display: block;
        content: '';
        width: 105px;
        height: 1px;
        background-color: #9ac1c0;
    }
    .title::before{
        left: -125px;
        top: 50%;
    }
    .title::after{
        right: -125px;
        top: 50%;
    }
    p{
        margin: 31px auto 0;
        width: 477px;
        height: 15px;
        line-height: 15px;
        font-size: 14px;
    }
    .reg_form{
        margin-top: 41px;
        li{
            margin-bottom: 26px;
            height: 18px;
            line-height: 18px;
            font-size: 14px;
            label{
                display: inline-block;
                width: 77px;
                height: 15px;
                line-height: 15px;
            }
            input{
                width: 209px;
                height: 18px;
            }
            span{
                margin-left: 22px;
                i{
                    color: red;
                }
            }
            .select{
                width: 167px;
                height: 18px;
            }
        }
        .sex{
            input{
                width: 12px;
                height: 12px;
            }
        }
        .code{
            input{
                width: 63px;
                height: 18px;
            }
            img{
                vertical-align: middle;
            }
            i{
                color: red;
            }
        }
        .agree{
            margin-bottom: 10px;
            display: flex;
            height: 116px;
            box-sizing: border-box;
            label{
                width: 98px;
                height: 15px;
            }
            textarea{
                box-sizing: border-box;
                padding: 14px 29px 14px 7px;
                width: 556px;
                height: 116px;
                font-size: 12px;
                overflow: hidden;
            }
        }
        .agree_check{
            margin-bottom: 34px;
            input{
                margin-left: 13px;
                width: 15px;
                height: 13px;
            }
            span{
                display: inline-block;
                margin-left: 24px;
                width: 182px;
                height: 12px;
                line-height: 12px;
            }
        }
        button{
            display: block;
            margin: 0 auto 35px;
            width: 121px;
            height: 33px;
            background-color: #6db6ff;
            border: none;
            border-radius: 3px;
            span{
                display: inline-block;
                margin: 9px auto;
                width: 32px;
                height: 16px;
                line-height: 16px;
                font-size: 16px;
            }
        }
    }
}